import { createApp } from "vue";
import pinia from "@/stores";
import App from "./App.vue";
import router from "./router";

import ArcoVue from "@arco-design/web-vue";
import "@/styles/arco-ui/index.less";
import { Card, Modal } from "@arco-design/web-vue";
Card.props.bordered = false;

import ArcoVueIcon from "@arco-design/web-vue/es/icon";

import { QuillEditor } from "@vueup/vue-quill";

import "vue-ellipsis-tooltip/dist/style.css";
import vEllipsis from "vue-ellipsis-tooltip";

import "@/router/permission";

import "animate.css/animate.min.css";

import "@/styles/css/transition.css";

import "@/styles/index.scss";

import "virtual:svg-icons-register";

import "@vueup/vue-quill/dist/vue-quill.snow.css";

import directives from "./directives";

import "@/microApp";

import VuePdfEmbed from "vue-pdf-embed";
import "vue-pdf-embed/dist/styles/annotationLayer.css";
import "vue-pdf-embed/dist/styles/textLayer.css";
import OpenAccount from '@/components/OpenAccount/index.vue';
(window as any).OpenAccount = OpenAccount;


const app = createApp(App);
Modal._context = app._context;

app.component("QuillEditor", QuillEditor);
app.component("VuePdfEmbed", VuePdfEmbed);
app
  .use(router)
  .use(pinia)
  .use(ArcoVue)
  .use(ArcoVueIcon)
  .use(directives)
  .use(vEllipsis as any)
  .mount("#app");
